<!-- 企业信息卡片 -->

<template>
    <div class="enterprise-info-card">
        <table>
            <tr v-for="(item,index) in listData" :key="index">
                <td :colspan="[item.length > 1 ? '1' : '2']">
                    {{ item[0][0] }}<span class="list-info" :class="[item[0][2] == 'img' ? 'img' : '']" @click="handleInfo(item[0])">{{ item[0][1] }}</span>
                </td>
                <td v-if="item.length > 1">
                    {{ item[1][0] }}<span class="list-info" :class="[item[0][2] == 'img' ? 'img' : '']"  @click="handleInfo(item[1])">{{ item[1][1] }}</span>
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
    setup() {
        const data = reactive({
            listData: [
                [
                    ['企业名称：', '大连素食有限公司', ''],
                    ['统一社会信用代码：', '2012000043245689567', '']
                ],
                [
                    ['公司注册地址：', '辽宁省大连市金普新区和平路56号', '']
                ],
                [
                    ['机构类型：', '企业机构', ''],
                    ['企业性质：', '私营企业', '']
                ],
                [
                    ['成立日期：', '2021年-05月13日', '']
                ],
                [
                    ['法人/负责人：', '李华', ''],
                    ['法人/负责人身份证：', '210282198706235543', '']
                ],
                [
                    ['法人/负责人身份证扫描件：', '查看图片', 'img']
                ],
                [
                    ['单位联系地址：', '辽宁省大连市金普新区和平路56号', '']
                ],
                [
                    ['经营范围：', '饮食', ''],
                    ['公司简介：', '大连索食有限公司是一家致力于研究素食美味的公司', '']
                ],
                [
                    ['嘗业执照有效期：', '2021/5/13 -2028/5/13', '']
                ],
                [
                    ['营业执照扫描件：', '查看图片', 'img']
                ],
                [
                    ['开户行：', '大连银行', ''],
                    ['银行账号：', '63299427971907320931709', '']
                ],
                [
                    ['开户行地址：', '辽宁省大连市金普新区农贸街65号', '']
                ],
                [
                    ['单位注册电话：', '8657-4321', '']
                ],
                [
                    ['单位注册电话：', '8657-4321'],
                    ['单位注册地址：', '辽宁省大连市金普新区和平路56号', '']
                ],
                [
                    ['注册资本（万元）：', '200.00', ''],
                    ['实缴资本：', '100.00万元', '']
                ],
                [
                    ['开户许可证/基本户存款信息证：', '查看图片', 'img'],
                ]
            ]
        })
        // 点击查看图片
        function handleInfo(item) {
            if (item[2] == 'img') {
                alert('查看图片')
            }
        }
        return {
            ...toRefs(data),
            handleInfo
        }
    }
}
</script>

<style scoped>
table tr td {
    height: 40px;
    width: 50%;
    vertical-align: text-top;
}
.list-info {
    color: #888;
}
.img {
    cursor: pointer;
    color: #16B6A0;
}
</style>